<template>
  <div>
    <return-bar name="支付"></return-bar>
    <div style="width: 100vw; height: calc(100vh - 50px)">
      <img style="margin: auto" :src="picUrl" />
    </div>
  </div>
</template>

<script>
import ReturnBar from "@/components/ReturnBar.vue";
import { getCode } from "@/api/registration";

export default {
  components: { ReturnBar },
  name: "",
  data() {
    return {
      picUrl: "",
    };
  },
  methods: {
    doGetCode() {
      getCode({
        registrationId: this.$route.query.registrationId
      }).then((res) => {
        this.picUrl = "data:image/png;base64," + res.data;
      });
    },
  },
  created() {
    this.doGetCode();
  },
};
</script>

<style scoped>
</style>